var newsbtn=document.getElementById("news");//消息按钮
var listplace=document.getElementById("listplace");//好友列表
var rightnav=document.getElementsByClassName("rightnav")[0];//信息提示页
var friendsbtn=document.getElementById("friends");//好友按钮
var newsplace=document.getElementById("newsplace");//信息提示页
newsbtn.onclick=function(){
    friendsbtn.className="";
    newsbtn.className="isclick";
    newsplace.style.display="block";
    listplace.style.display="none";
    rightnav.style.display="none";
};
friendsbtn.onclick=function(){
    friendsbtn.className="isclick";
    newsbtn.className="";
    listplace.style.display="block";
    rightnav.style.display="block";
    newsplace.style.display="none";
};
document.getElementById("allchatbtn").onclick=function(){
    location.href="allchat.html";
};
document.getElementsByClassName("mweb_modal_back_button")[0].onclick=function(){
    history.go(-1);
};
document.getElementById("newfriendbtn").onclick=function(){
    location.href="addnewfriends.html";
};
document.getElementById("biaoqian").onclick=function(){
    location.href="addlabel.html";
};
//、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
//方法测试
//var testname=["你好","1992德意志","ss蓝","小明","阿花"];
//function compareCity(a,b){
//    return a.localeCompare(b)
//}
//testname.sort(compareCity);
//console.log(testname);
//一个是将汉字翻译为拼音，其中每一个字的首字母大写；
//console.log(pinyin.getFullChars("123你好"));
//一个是可以将每一个字的拼音的首字母提取出来，是大写的形式。
//console.log(pinyin.getCamelChars("大锤"));
var hasharr={};//判断字母是否存在
$().ready(function(){
    //获得好友列表
    $.ajax({
        datatype:"json",
        type:"get",
        url:"http://42.62.66.198:9001/api/PuluGoodFriend/GetByUserId?userId="+id,
        success:function(d){
            console.log("好友列表");
            console.log(d);
            if(d.Data.length>0){
                //排序
                var friendarr= d.Data;
                //function compare(property){
                //    return function(a,b){
                //        var value1 = pinyin.getCamelChars(a[property]);
                //        var value2 = pinyin.getCamelChars(b[property]);
                //        console.log("value1:"+value1);
                //        console.log("value2:"+value2);
                //        console.log("--------------------------------------------------------------------");
                //        return value1.localeCompare(value2);
                //    }
                //}
                //friendarr.sort(compare("friendnick"));
                console.log(friendarr);
                hasharr={};//判断字母是否存在
                for(var i=0;i<friendarr.length;i++){
                    console.log(pinyin.getCamelChars(friendarr[i].friendnick));
                    friendarr[this.index]=i;
                    //如果昵称开头为汉字或英文字母
                    var key=pinyin.getCamelChars(friendarr[i].friendnick[0]);
                    var headimg="<img src='img/af8.png' class='topic_photo_img'/> ";
                    if(friendarr[i].headimg){
                        headimg="<img src='http://42.62.66.198:8003/"+friendarr[i].headimg+"' class='topic_photo_img'/> ";
                    }
                    //console.log(hasharr);
                    if(key.match(/[a-z|A-Z]/)){
						key=key.toLowerCase();
						if(!hasharr[pinyin.getCamelChars(friendarr[i].friendnick[0])]){
							hasharr[pinyin.getCamelChars(friendarr[i].friendnick[0])]=i;
						}
                        $("#a").append("<div class='section_header section_header_gray zimutitle"+key+"' data-num='"+i+"' style='display:none'> <span class='"+key+"'>"+key+"</span> </div><div class='friends'> <div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'>"+headimg+"</a> </div> <div class='innerplace'> <a href='chatingonepeople.html?otherid="+friendarr[i].friendId+"'> <span class='tc_text'>"+friendarr[i].friendnick+"</span> </a> </div> </div>");

                    }else{
                        $("#jinghao").css("display","block");
                        $("#jinghao").append("<div class='friends'> <div class='imageplace'><a href='otherpeoplepage.html?otherid="+friendarr[i].friendId+"'>"+headimg+"</a> </div> <div class='innerplace'> <a href='chatingonepeople.html?otherid="+friendarr[i].friendId+"'> <span class='tc_text'>"+friendarr[i].friendnick+"</span> </a> </div> </div>");
                    };
                }
                //console.log(hasharr);
                for(var key in hasharr){
					var classname="'.zimutitle"+key+"'";
					key=key.toLowerCase();
					console.log(key);
					console.log("div.zimutitle"+key);
					console.log($("div.zimutitle"+key)[0]);
					//document.querySelectorAll("div."+key)[0].style.display="block";
                    $("div.zimutitle"+key).eq(0).css("display","block");
                    $("div.zimutitle"+key).eq(0).attr('id',key);
                };
            }
        }
    });
    //右侧导航条点击跳转
        //字母键
    var englishbtn=document.querySelectorAll(".rightnav div.zmbtn");//导航条跳转
    var tonum=0;
    for(var en=0;en<englishbtn.length;en++){
        englishbtn[en].onclick=function(e){
            console.log("点击的是："+e.target.innerHTML);
     
			var key=e.target.innerHTML.toLowerCase();
            location.href="#"+key;
        };
    }
});